<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>实时数据>曲线</title></title>
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, maximum-scale=1"
    />
    <link
      rel="stylesheet"
      href="../../lib/layui-v2.5.5/css/layui.css"
      media="all"
    />
    <link rel="stylesheet" href="../../css/public.css" media="all" />
    <link rel="stylesheet" href="../../lib/dateTime/bootstrap.css" />
    <link
      rel="stylesheet"
      href="../../lib/dateTime/bootstrap-datetimepicker.min.css"
    />
  </head>
  <style>
    .myColor:nth-child(odd) {
      background-color: gainsboro;
    }
    .layui-btn {
      padding: 0 12px !important;
      margin-top: -5px;
    }
  </style>
  <body>
    <div class="layuimini-container">
      <div class="layuimini-main">
        <!-- 搜索条件 -->
        <fieldset class="table-search-fieldset" style="margin-bottom: 10px">
          <legend>搜索信息</legend>
          <div style="margin: 10px 10px 10px 10px">
            <div class="layui-form layui-form-pane">
              <div class="layui-form-item">
                <div class="layui-inline">
                  <label class="layui-form-label">开始时间</label>
                  <div class="layui-input-inline">
                    <input
                      type="text"
                      id="beginTime"
                      lay-verify="required|account"
                      autocomplete="off"
                      class="form-control"
                    />
                  </div>
                </div>
                <div class="layui-inline">
                  <label class="layui-form-label">结束时间</label>
                  <div class="layui-input-inline">
                    <input
                      type="text"
                      id="endTime"
                      lay-verify="required|account"
                      autocomplete="off"
                      class="form-control layui-input"
                    />
                  </div>
                </div>
                <div class="layui-inline">
                  <button
                    id="CurveSeach"
                    class="layui-btn layui-btn-primary"
                    style="margin-top: -5px"
                  >
                    <i class="layui-icon"></i> 搜 索
                  </button>
                  <button
                    id="24hours"
                    class="layui-btn layui-btn-primary"
                    style="margin-left: 17px"
                  >
                    <i class="layui-icon"></i> 最近24小时
                  </button>
                  <button id="threeDay" class="layui-btn layui-btn-primary">
                    <i class="layui-icon"></i> 最近三天
                  </button>
                  <button id="week" class="layui-btn layui-btn-primary">
                    <i class="layui-icon"></i> 最近一周
                  </button>
                  <button id="month" class="layui-btn layui-btn-primary">
                    <i class="layui-icon"></i> 最近30天
                  </button>
                </div>
              </div>
            </div>
          </div>
        </fieldset>
        <div
          id="Myloading2"
          style="float: left; margin-left: 45%; margin-top: 10%"
        >
          <img
            src="../../lib/layui-v2.5.5/css/modules/layer/default/loading-01.gif"
            alt=""
          />
        </div>
        <!-- 显示曲线图 -->
        <div class="layui-row layui-col-space15">
          <div class="layui-col-xs12 layui-col-md12">
            <div
              id="echarts-pies"
              style="
                background-color: #ffffff;
                min-height: 520px;
                padding: 10px;
              "
            ></div>
          </div>
        </div>
      </div>
    </div>
    <script src="../../lib/layui-v2.5.5/layui.js" charset="utf-8"></script>
    <script src="../../js/lay-config.js?v=1.0.4" charset="utf-8"></script>
    <script src="../../lib/dateTime/jquery-1.8.3.min.js"></script>
    <script
      crossorigin="anonymous"
      integrity="sha384-S8KxbKBp9r6kPbM3+2n8fFV+5y572FLD7+A39mF0lb410iPTIfZC6hKxEpRS87NO"
      src="https://lib.baomitu.com/echarts/4.6.0/echarts-en.common.js"
    ></script>
    <script src="../../lib/dateTime/bootstrap-datetimepicker.min.js"></script>
    <script src="../../lib/dateTime/bootstrap-datetimepicker.zh-CN.js"></script>
    <script src="../../js/Hcurve.js"></script>
    <script src="../../js/jquery.table2excel.min.js"></script>
  </body>
</html>
